﻿body,h1,h2,h3,h4,h5,h6,hr,div,p,blockquote,dl,dt,dd,ul,ol,li,pre,fieldset,lengend,input,textarea,form,th,td{ margin:0;padding:0; }
table{border-collapse:collapse; width: 100%;}
img{ border:0; }
ul, ol{ list-style: none; }
a{ text-decoration: none; }
a:hover{ text-decoration: underline; }
.aright{ text-align: right; }

body{ background:#FFF url(../images/body_bg.png) repeat-x; font-family:Arial, "宋体","microsoft yahei"; font-size: 12px; color: #808080; line-height:22px; }
.top { width: 1060px; margin: 0 auto; background: url(../images/top_bg.png) no-repeat; height: 26px; padding: 3px; }
.top .member{ float: left; margin-left: 50px; }
.top .my{ float: right; margin-right: 50px; }
.top a{ margin: 3px; color: #999; }
a.special { color: #ba2636!important; }
.top a.sign-in { color: #1e50a2; }
.has-sub,.t-part .t, .nav-right, .news .pre, .news .next, .right .list li a, .new li, .p-list li, .act i, .r-box h2 em, .page .body_footer li i,
.comment .tags li i, .info-list li span, .user-form .title em, .user-bar ol li i, .news .title i, .step-wrap .help, .comment .comments .user span i
{ background: url(../images/navs_ie6.png) no-repeat; display: inline-block; zoom:1; }
.has-sub, .current .has-sub{ display: inline-block; zoom:1; background-position: -3px -127px; width: 12px; height: 8px;  }
.current .has-sub{ background-position: -3px -107px;  }

.t-part, .i-box, .r-box, .tagli, .mt10, .sub-p, .global-drop{ position: relative; }
h1{ width: 178px; text-indent: -99999px; background: url(../images/logo.jpg) no-repeat; height:54px; }
.t-part .info{ font-size: 14px; color: #9b1a15; width: 300px; right: 0; top: 25px; position: absolute; }
#top_n{ display: inline-block; zoom: 1; background: #9b1a15; color: #FFF; padding: 0 5px; }
.t-part .t{ padding-left: 20px; margin-left: 20px; font-weight: bold; background-position: -13px -38px; }
/*.t-part .info em{ width: 20px; height: 18px; display: inline-block; zoom:1; }*/

.nav{ margin: 3px 0 5px 0; }
.nav ul li{ float: left; width: 92px; height: 42px; line-height: 45px;background: url(../images/nav_split.png) no-repeat center right; display: block;  }
.nav ul .current{ background: url(../images/nav_over_ie6.png) no-repeat 0 0px;   }
.nav a { color: #FFF; text-decoration: none; font-size: 14px; display: block; text-align: center; font-weight: bold;  }
.nav .end { background: none;  }
.nav a:hover { }

.num_input{ width: 20px; border:0; font-weight: bold; font-size: 14px; text-align: center; margin-top: 16px; }

/*彩种*/
.mpage{}
.mpage .global-drop, .mpage .nav .ul{ float: left; }
.global-drop { border: 1px solid #620a0b; background-color: #d90f14; padding: 2px; margin-top: 4px; width: 120px; }
.global-drop i{ font-style: normal; color: #ff3232; }
.global-drop .border{ border: 1px solid #834a4a; background-color: #540606; color: #fff; height: 23px; }
.global-drop .types{ float: left; padding-left: 10px; }
.global-drop .drop{ float: right; }
.drop a, .drop a:hover, .drop .clicked{ background: url(../images/nav_drop.png) no-repeat; }
.drop a{ width: 23px; height: 22px; display: inline-block; zoom: 1; background-position: 0 -0px; vertical-align: middle; }
.drop a:hover, .drop .clicked{ background-position: 0 -23px; }
 
.drop-content .zc, .drop-content .tc,.drop-content .jc, .drop-content .dc, .drop-content .gp, .drop-content .fc{ float: left; width: 50px; text-align: center; }
.drop-content .links{ float: left; width: 155px; }
.drop-content{ position: absolute; top: 31px; left: -1px; background-color: #FFF; border: 1px solid #df3539; width: 220px; z-index: 999; display: none;  }
.drop-content li{ border-bottom: 1px solid #ebebeb; }
.drop-content li a{ color: #0f3f94; font-size: 12px; margin: 0px 5px 0px 0; line-height: 20px; font-weight: normal; display: inline; }
.drop-content li a:hover{ text-decoration: underline; }
.drop-content i{ margin: 5px 10px 0px; }
.drop-content  i{ background: url(../images/types.png) no-repeat; width: 30px; height: 30px; display: inline-block; zoom:1; }
.drop-content .zc i{ background-position: 0 0px; }
.drop-content .jc i{ background-position: -30px 0px; }
.drop-content .dc i{ background-position: -60px 0px; }
.drop-content .gp i{ background-position: 0 -30px; }
.drop-content .fc i{ background-position: -30px -30px; }
.drop-content .tc i{ background-position: -60px -30px; }

/*这个是li的方案*/
/*.drop-content ol li ol { width: 155px; float: left; margin-top: 3px; }
.drop-content ol li ol li{ float: left; border: 0; position: relative; text-align: left; }
.drop-content .btn{ top: -12px; right: -12px; z-index: 1000; display: block; }*/
/*这个是dd的方案*/
/*.drop-content dl, .drop-content dd{ float: left; display: block; }	
.drop-content dl{ width: 165px; margin-top: 3px; }
.drop-content dd { position: relative; display: inline-block; zoom: 1; }
.drop-content dd .btn{ top: -12px; right: -12px; z-index: 100000; }*/

/*下拉项*/
.sub-p {display: block; }
.sub{ position: absolute; width: 110px;top: 34px; left: -2px; display:none; z-index:9999;   }
.sub dt{ background: url(../images/sub_bottom.gif) no-repeat left bottom; }
.sub dl{ display: block;}
.sub dd{ background: url(../images/sub_bg.png) repeat-y; ; text-align: left; display: block; }
.sub a{ color: #d3adae; font-size: 12px; display: block; text-align: left;  font-weight: normal; background: url(../images/dd_bg.png) repeat-x left bottom; margin: 0px 15px; }
.sub a:hover{ text-decoration: underline; }
.sub dt, .sub dd{ line-height: 28px; }

.wrap { width:960px; margin: 0 auto; }
.box { border: 1px solid #ddd; margin-bottom: 10px; background:#fff; }

.content{ width: 710px; float: left; }
.sider, .main, .right{ float: left; }
.sider { width: 250px; margin-top: 10px; }

/*是否有子标签Box*/
.has-tab{ }
.has-tab .tabs, .right .title{ background: url(../images/tabs_bg.png) repeat-x; }
.has-tab .title, .right .title{ display: inline-block; color: #6f0000; font-weight: bold; font-size: 14px; zoom:1; }
.has-tab .title, .has-tab .tabs li{ float: left; line-height: 25px; margin:0 5px;}
.has-tab .tabs li{ padding: 0 5px; }
 .has-tab .tabs a{ color: #393939; display: block; }
.has-tab .tabs .current{ border-top: 0; border-left: 1px solid #ddd; border-right: 1px solid #ddd; border-bottom: 0; background-color: #FFF; font-weight: bold; }
.has-btn{ position: relative; }
.has-btn .btn{ position: absolute; }

.d-body{ border-top: 1px solid #ddd; }
.data-list { clear: both; padding: 10px; }
.data-list li{ border-bottom: 1px dotted #ddd; margin: 5px 0 10px; padding: 5px 0; }
.data-list .n{ color: #000; }
.data-list span{ color: #1e50a2; margin-right: 10px; }

.tag-list { padding: 8px; }
.tag-list a{ margin:0 3px; color: #838282; }

.rank .btn, .rank i, .jj{ width:61px; background:url(../images/flags_ie6.png) no-repeat;  text-align:center;  }
.rank .btn{ top: 5px; right: 2px; background-position: 0 -17px; height: 20px; }
.rank i{ font-weight: bold; display:inline-block; zoom:1;  height:18px;  text-align: right; padding-right:2px; background-position: 0 3px; margin-top: 4px; }
.rank .btn a, .rank i , .jj{ color:#FFF;  font-style:normal; }

.rank em{ background-position: -2px -50px!important;  }
.rank .resume{ padding-left: 20px; }
.rank span { margin-left: 3px; }

/*彩票类型*/
.kind .fc, .kind .tc, .kind .gp, .kind .jc{ background: url(../images/logos_ie6.png) no-repeat; height: 18px; overflow: hidden;}
.kind .fc { background-position: 0px 3px; }
.kind .tc { background-position: 0px -27px; }
.kind .gp { background-position: 0px -57px; }
.kind .jc { background-position: 0px -87px; }

.kind ul li { border-bottom: 1px solid #ddd; margin: 4px 0; }
.kind ul li span{ padding: 5px 0 10px 30px; margin-right: 10px; color: #000; }
.kind .kinds, .sider .kind span { display: inline-block; zoom:1; vertical-align:top;}
.kind .kinds{ width: 160px; margin: 3px 0; padding-top: 2px;  }
.kind ul li a{ color: #aa1919; margin: 3px;  }
.kind { background-color: #fffef5; padding: 13px 10px;  }

/*开奖公告*/
.balls .br, .balls .bl, .rank em{ width: 21px;height: 24px; background: url(../images/balls_ie6.png) no-repeat; display: inline-block; zoom: 1; color: #FFF; text-align: center; font-style: normal; line-height: 24px; margin:-1px; padding: 0; font-family: "宋体"; font-weight: bold; }
.balls .br{ background-position: -2px 1px; }
.balls .bl{ background-position: -2px -25px; }
.balls .btn{ right: -6px; top: 3px; }
.balls .btn a{ margin: 3px; color: #1e50a2; text-decoration: none; }
.balls .btn a:hover { text-decoration: underline; }


/*content*/
.main{ margin: 10px 10px 0px; width: 480px; }
.activity{ position: relative; background: url(../images/select.png) no-repeat left top; margin-top: 10px; }
.activity li{ float: left; }
#num{ position: absolute; right: 24px; top: 7px; font-size: 20px; color:#fff; }
.activity .act{clear: both; }
.activity .red li, .activity .blue li{ width: 43px; height: 50px; background: url(../images/nums_ie6.png) no-repeat; color: #000; text-align: center; font-weight: bold; font-size: 14px; line-height:46px; }
.activity .red li{ background-position: -2px 0px; }
.activity .blue li{ background-position: -2px -49px; }
.act i{ display: inline-block; zoom: 1; background-position: -44px -46px; margin-left: 15px; height: 26px; font-style:normal; }
.activity .info{ margin-top: 10px;}
.activity .info span{ color:#f00; }
.act img{ float:left; }
.act em{ display: block; font-style: normal; color:#727171; margin: 0px 10px; width: 300px; float:left; }
.act em strong{ color:#000; }

#taba{ margin-left: 30px; }
#taba li { float: left; width: 93px; background:url(../images/tabs_ie6.png) no-repeat; text-align: center; font-size: 14px; height: 34px; line-height: 26px; cursor: pointer; }
#taba a{ color: #fff; display: block; }
#taba .current a { color: #770f0f; }
#taba .current { background-position: 0 -40px; color: #770f0f;  font-weight: bold; }

.btn{ position: absolute; right:7px; top: 145px; }
.btn .buy-now, .btn .rnd,.btn .clear{ background: url(../images/buttons.png) no-repeat; display: inline-block; zoom:1; }
.btn .buy-now{ width:134px; height: 40px; margin-bottom: 5px; }
.btn .rnd{ background-position: 0 -50px; width: 73px; height: 24px; }
.btn .clear{ background-position: -81px -50px; width: 53px; height: 24px; }

/*content right*/
.right{ width: 210px; color: #000; margin-top: 10px; }
.right .rig li{ background: url(../images/top_btns.png) no-repeat; float: left; width: 105px; height: 24px; display: inline-block; zoom: 1; text-align: center; }
.right .rig li a{ font-family: "microsoft yahei"; font-size: 14px; color: #000; display: block; }
.right .rig .current{ background-position:0 -25px; }
.right .rig .current a{ color: #FFF; }
.right .rig ul{ margin: 0; }
.right .list li a, .new li{ padding-left: 15px; }
.right .list li a{ background-position: -52px -20px; }
.new li, .p-list li, /*.comment .tags li i, */.info-list li span{ background-position: -52px -17px; }
.new li em{ font-style: normal; margin-right: 8px; }

.right .list a{ color: #0f3f94; }
.right .title{ height: 25px; line-height: 25px; display: block; padding: 0 5px;}
.right .list{ margin-left: 10px; }
.right li{ line-height: 22px; }
.right .new span{ color: #ba2636; }
.right .new a{ color: #1e50a2; }
.nav-right { width: 10px; height: 10px; background-position: 0 -20px; display: inline-block; zoom: 1; }

/*框架的东西*/
.follow .part li{ float: left; width: 280px; margin:15px; }
.follow .part em{ width: 89px; height: 89px; background: url(../images/parts.jpg) no-repeat; display: inline-block; zoom:1; float: left; margin:0 10px; }
.follow .part .f2{ background-position: 0 -93px; }
.follow .part .f3{ background-position: 0 -184px; }
.follow h2{ color: #000; font-weight: normal; margin: 10px 0 5px 0; font-weight: bold; font-size: 14px; margin-top: 10px; }
.follow a{ color: #7f7f7f; }
.no-border{ border: 0!important; }
.no-bg{ background:none!important; }
a.end{ background: none!important; }
.pad15{padding:15px; margin:4px 0;}
.fc-red,.warn { color: #f00; }

.footer .links li i
{ background: url(../images/navs_ie6.png) no-repeat; }
.footer{ text-align: center; margin-top: 10px; }
.footer .bg{ background-color: #f4f4f4; }
.footer .footer-box{ background-color: #f4F4F4; padding: 5px;}
.footer .tabs, .footer .all-links{ float: left; }
.footer .links{ text-align: left; background-color: #F4F4F4; color: #808080; display: block; }
.footer .links li{ background-color: #f4f4f4; height: 35px; line-height: 35px; text-align: center; width: 80px; border: 0; }
.footer .links li i{ background-position: 5px -200px; width: 15px; height: 8px; display: inline-block; zoom: 1; overflow: hidden;}
.footer .links .current{ background-color: #FFF; border-right: 1px solid #fff; }
.footer .links .current i{  background-position: 5px -163px; }
.footer .all-links{ padding: 4px 8px; width: 852px; background-color: #FFF; }
.footer .all-links a {margin:3px;}
.footer .links a{ color: #808080; }
.footer .footer-links{ height: 25px; line-height: 25px; margin-top: 5px; }
.footer .footer-links a{ color: #0f3f94; }
.footer .info{ margin: 15px 0; line-height: 20px; }
.footer .info span{ color: #F00; }
.footer .banks{ width: 500px; margin: 0 auto; }
.footer .banks ul li { width: 127px; height: 37px; float: left; background: url(../images/banks.jpg) no-repeat; margin: 10px; }
.footer .icbc{ background-position:0 -40px; }
.footer .cbb{ background-position:0 -80px; }
/*
clearfix solution, from web(http://umairj.com/68/css-clearfix-best-cross-browser-solution/)
maybe have some bugs, but it is ok now.
*/
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

html[xmlns] .clearfix {
	display: block;
}

* html .clearfix {
	height: 1%;
	overflow: visible;
}

div.domtab .area{display:none;}


/*page for information*/
.left-content, .right-bar, .left-content li{ float: left; margin-top: 5px; }
.left-content{ width: 710px; }
.right-bar{ width: 250px; position: relative; }
.right-bar .today, .right-bar .plan{ background: url(../images/right_titles.png) no-repeat; width: 250px; height: 38px; }

.c-box { height: 256px; }
.left-content li{ width: 345px; margin: 0px 10px 0 0; }
.left-content .i-box h2, .r-box h2{ background: url(../images/tabs_bg.png) repeat-x; font-size: 14px; height: 27px; line-height: 24px; overflow: hidden; padding-left: 10px; color: #000; }
.i-box .btn, .r-box .btn{ top: 0; right: 5px; }
.i-box ul { margin-left: 10px; }
.i-box li{ float: none; }
.i-box li a { color: #0f3f94; font-size: 14px; }
/*.i-box li em a{ color: #000; font-style: normal; }*/

.n-news{ width:310px; margin: 10px auto; }
.n-news h3{ margin-bottom: 8px; }
.n-news h3 a{ font-size: 14px; color: #f00; }
.i-box em a,.n-news em a { color: #666; font-style: normal; }
.i-box a, .n-news a{ color: #2a55a0; margin: 3px 5px 3px 0; font-size: 14px; }
.n-news ul{ margin-top: 15px; }

.right-bar .t-box{ background-color: #e9e9e9; border: 5px solid #700000; height: 210px; }
.t-box, .t-box a{ color: #000; }
.t-box ul li span{ color: #F00; }
.t-box ul li { margin: 5px 0 0 0; }
.t-box ul { width: 210px; border-top: 2px dotted #F00; margin-top: 8px!important; }
.t-box a{ margin: 0 5px 0 0; }
.t-box .balls{ margin: 0; }
.t-box .balls li{ width: 26px;height: 24px; background: url(../images/t-box_balls.png) no-repeat; display: inline-block; zoom: 1; color: #FFF; text-align: center; font-style: normal; line-height: 22px; margin:-2px; padding: 0; }
.t-box .balls li { float: left; }
.t-box .balls .bl { background-position: -2px -25px; }
.t-box label ul, .t-box label{ float: left; }
.t-box label ul{ width: 120px; }
.t-box label{ display: inline-block; zoom:1; width: 50px; }
.t-box .links{ margin-top: 15px; margin-bottom: 3px!important; }

.r-box .r-list, .r-box .p-list, .t-box ul, .t-box .links, .help{ width: 210px; margin: 15px auto; }
.i-box {height: 260px; }

.r-box{ margin-top: 10px; background-color:#fffdf8; border: 1px solid #ababab; }
.r-box h2{ background: url(../images/i_title_bg.png) repeat-x; color: #f00;  }
.r-box h2 em{ background-position: -48px -104px; width: 12px; height: 15px; }
.r-box .btn a{ color: #000; }
.r-box .pic{ border: 1px solid #ddd; margin-bottom: 10px; }
.r-box h3{ background-color: #f1f1f1; font-size: 14px; font-weight: normal; overflow: hidden; padding: 3px 5px; color: #000; margin-bottom: 10px; }
.r-box .r-list a{ color: #2b55a0; }
.r-box .r-list a.special{ color: #f00; }
.r-box em{ font-style: normal; }

.p-list li{ float: none; width: auto; text-indent: 10px; display:block; }
.p-list a { color: #000; }
.help{ width: 220px; }
.help h4{ color: #2b55a0; font-size: 14px; text-indent: 24px; background:url(../images/icons.png) no-repeat; }
.help a{ color:#2b55a0; margin: 0 5px 0 0; }
.help li { border-bottom: 1px dotted #dcdad7; margin: 5px 0;  }
.help li div{ margin-left: 24px; }
.help li .hm{ background-position: 0 -21px; }
.help li .zh{ background-position: 0 -44px; }
.help li .dj{ background-position: 0 -62px; }
